1
00:00:00,690 --> 00:00:01,980
Hello and welcome.

2
00:00:01,980 --> 00:00:10,680
In this feed you I will guide you through how to download and install brackets text editor.

3
00:00:10,740 --> 00:00:22,110
This is breeland text edit by Dolby is a cross platform so it'll work on a Mac and a Windows machine.

4
00:00:22,110 --> 00:00:31,230
You can download it from this installation address here or just do a google search on brackets so this

5
00:00:31,230 --> 00:00:32,460
is the home page.

6
00:00:32,460 --> 00:00:40,150
So click on the download click on the downloader says brackets without extract extract.

7
00:00:40,240 --> 00:00:45,470
This feature a few will know experimenting on the Cloud Bar.

8
00:00:45,480 --> 00:00:51,400
I recall manger's download brackets without extract for now so click on the download.

9
00:00:53,590 --> 00:00:59,040
And that's the file being downlow that there is a previous download.

10
00:00:59,040 --> 00:01:02,600
I tried to download but for some reason I took pause.

11
00:01:02,600 --> 00:01:03,980
That's And this is a fresh start.

12
00:01:03,990 --> 00:01:11,770
Looks so you should see your downloaded farr's been downloaded on the left but on Mount corner.

13
00:01:11,780 --> 00:01:17,600
If you are on a Windows P C am doing this on a Windows Peacey.

14
00:01:19,840 --> 00:01:31,090
So was Should done just double click on it and you are giving this option to run installation run and

15
00:01:31,090 --> 00:01:39,490
then just set the default location breakers launch out of that and open breakers so Explorer so you

16
00:01:39,490 --> 00:01:41,340
can a set of default.

17
00:01:43,640 --> 00:01:45,990
And then click install.

18
00:01:48,660 --> 00:01:53,040
And then the installation should progress fairly quickly.

19
00:01:58,680 --> 00:02:04,890
You might get a prompt from you and to various software asking you if you want to install the application.

20
00:02:04,890 --> 00:02:09,600
So if he kids say yes to that then it should progress.

21
00:02:17,520 --> 00:02:17,940
All right.

22
00:02:17,940 --> 00:02:27,900
So once you don't you be given it's a dialogue box to say brackets was successfully installed equally

23
00:02:27,980 --> 00:02:36,000
finish and then you can exit the web browser.

24
00:02:36,000 --> 00:02:45,000
So after installation You should see this is the brackets icon so you can either right click pin that

25
00:02:45,000 --> 00:02:52,340
to task bar your menu or maybe drag it to your desktop and create a shortcut there.

26
00:02:52,410 --> 00:02:56,630
So let's try to launch the edit on and see what it looks like.

27
00:03:07,040 --> 00:03:12,350
So you may get prompted with a firewall on a virus to allow access.

28
00:03:12,440 --> 00:03:15,220
Click on that to allow access.

29
00:03:17,910 --> 00:03:21,530
You are presented with this sample code.

30
00:03:21,570 --> 00:03:30,090
Once you launch brackets and then this icon here is called lipe preview preview if you click on that

31
00:03:30,120 --> 00:03:36,010
you get there's a pop up box here that connects a preview to your browser.

32
00:03:36,150 --> 00:03:40,090
So at the moment it only connects to Google Chrome So what dad does.

33
00:03:40,110 --> 00:03:44,190
Yeah loves you to see your code in the live browser.

34
00:03:44,190 --> 00:03:52,600
So if I click all K and then you see the code in the web in the browser.

35
00:03:52,890 --> 00:03:55,700
So this feature here is really cool.

36
00:03:55,710 --> 00:03:59,870
This is the live preview and this is the code here.

37
00:03:59,880 --> 00:04:03,500
It lets you preview your code in the browser.

38
00:04:03,540 --> 00:04:07,560
So at the moment this only works in Google Chrome.

39
00:04:07,770 --> 00:04:11,500
So when you click on this it connects you to google chrome.

40
00:04:11,520 --> 00:04:15,720
It launches a different new instance of Google Chrome.

41
00:04:15,720 --> 00:04:17,750
So this here is alive.

42
00:04:17,760 --> 00:04:18,870
Cook is alive.

43
00:04:18,870 --> 00:04:28,770
Preview of the code on the left so you can do stuff edit and then you see the live resort on the right

44
00:04:28,770 --> 00:04:33,430
here so you can make changes on the edit on the left.

45
00:04:33,450 --> 00:04:38,180
You can see the the the result on the right here.

46
00:04:38,340 --> 00:04:40,600
So for example this one tag here.

47
00:04:40,620 --> 00:04:42,890
Let's change that.

48
00:04:42,990 --> 00:04:44,630
Keep an eye on the right.

49
00:04:44,790 --> 00:04:45,410
Change Dan.

50
00:04:45,450 --> 00:04:46,220
Hello.

51
00:04:46,210 --> 00:04:51,560
Do you see that as you make any changes you see in it in the lab browser.

52
00:04:51,570 --> 00:04:56,000
So you can see what your code looks like as you type in the code.

53
00:04:56,130 --> 00:04:59,000
So I'm going to add an extra tag here.

54
00:04:59,040 --> 00:05:07,410
So if you see the results on the previews out an extra H2 tag one goofing about it.

55
00:05:07,440 --> 00:05:12,890
So it gives you a clue as you're trying to type the tag in so it knows you try.

56
00:05:12,920 --> 00:05:18,120
Create a head in tag and it callil and gives you some clues as to which one you want to do.

57
00:05:18,120 --> 00:05:24,050
So I just select Page 3 for now and then put my angle bracket.

58
00:05:24,100 --> 00:05:34,310
If you notice this close the tag for me so I just see brackets is all you see.

59
00:05:34,320 --> 00:05:37,120
That is just the result of this here.

60
00:05:37,140 --> 00:05:43,260
So you live previews very useful because you can see the code as you type in it.

61
00:05:43,530 --> 00:05:46,060
Another good feature.

62
00:05:46,130 --> 00:05:52,020
And it shows that you can see it lets you see the CSF that is linked to an LMM.

63
00:05:52,020 --> 00:05:59,990
So for example say one element here if I want to see the Says I clicking entire attack and do it true.

64
00:06:00,020 --> 00:06:02,580
E you on the wick on a windows.

65
00:06:02,940 --> 00:06:12,740
See if you do control E he can see he can see the C S S has been used to create decode.

66
00:06:12,910 --> 00:06:15,320
Alright so he tells you shows you the csx.

67
00:06:15,330 --> 00:06:24,410
You can see tells me that hey one tax thing click on that shows me this here Seth.

68
00:06:27,840 --> 00:06:29,960
Construe even bigger.

69
00:06:30,290 --> 00:06:34,340
So tells me the various see us as has quite a cool cool feature to use.